<template>
  <div class="header">
  	城市选择
  	<router-link to="/">
  		<div class="header-left iconfont icon-back"></div>
  	</router-link>
  </div>
</template>

<script>
export default {
  name: 'CityHeader'
}
</script>

<style lang="stylus" scoped>
	@import '~styles/varibles.styl'
	.header
		position: relative;
		height: .86rem;
		line-height: .86rem;
		text-align: center;
		overflow: hidden;
		color: #fff;
		background:$bgColor;
		font-size: .4rem;
		.header-left
			position: absolute;
			left: 0;
			top: 0;
			width: .64rem;
			color: #fff;
</style>
